<!-- 启动页 -->
<template>
	<page-layout
		class="page"
		fullHeight
	>
		<view class="page-content">
			<!-- Logo -->
			<image
				class="app-logo"
				src="/static/logo.png"
				mode="heightFix"
			/>
			<!-- Name -->
			<view class="app-name">{{ systemInfo?.appName }}</view>
		</view>
	</page-layout>
</template>

<script setup>
	import { ref, computed } from "vue";
	import { onLoad, onReady, onShow } from "@dcloudio/uni-app";

	// 系统信息
	const systemInfo = ref(uni.getSystemInfoSync());

	// **************************************************************************************************************
	// * Refs
	// **************************************************************************************************************

	// **************************************************************************************************************
	// * Computeds
	// **************************************************************************************************************

	// **************************************************************************************************************
	// * Watches
	// **************************************************************************************************************

	// **************************************************************************************************************
	// * 生命周期
	// **************************************************************************************************************
	onLoad((options) => {
		uni.reLaunch({ url: "/pages/index/index" });
	});

	// **************************************************************************************************************
	// * Functions
	// **************************************************************************************************************
</script>

<style lang="scss" scoped>
	.page-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;

		.app {
			&-logo {
				height: 100rpx;
				width: 100rpx;
				border-radius: var(--pure-radius-circle);
			}

			&-name {
				font-size: var(--pure-font-size-small);
				margin-top: 20rpx;
			}
		}
	}
</style>
